<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>关于我们</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/about/style.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/about/media.css">
      
    </head>
    <body>
        <div class="beginning left flex flex-align-items">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogo.png" alt="入场logo图">
        </div>
        <div class="beginning right flex flex-align-items">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogoTxt.png" alt="入场logo文字">
        </div>
        <div class="container horizontal">
            <header>
                <div class="ready navSide fixed menu">
                        <div class='navBtn'>
                            <img src="img/common/aboutBtn.png" alt="about导航按钮">
                            <p class="btnTip"><span>MENU</span><span>返回</span></p>
                        </div>
                        <nav class="flex">
                            <p><span><img src="img/common/navLogo.jpg" alt="导航栏logo"></span></p>
                            <div class="contn flex" dir='rtl'>
                                <div class="box">
                                    <div class="middle">
                                        <ul>
                                            <li>
                                                <div class="col">
                                                    <a href="index.html">首页</a>
                                                </div>
                                                
                                            </li>
                                            <li class="active">
                                                <div class="col">
                                                    <p>商业空间<span class="unclick">+</span><span class="click">-</span></p>
                                                    <i class="line"></i>
                                                    <div class="sonMenu">
                                                        <ul>
                                                            <li class="active"><a href="commercialSpace.html"><span>民宿设计</span></a></li>
                                                            <li><a href="commercialSpace.html"><span>酒吧设计</span></a></li>
                                                            <li><a href="commercialSpace.html"><span>办公设计</span></a></li>
                                                            <li><a href="commercialSpace.html"><span>会所设计</span></a></li>
                                                            <li><a href="commercialSpace.html"><span>样板房设计</span></a></li>
                                                            <li><a href="commercialSpace.html"><span>售楼处设计</span></a></li>
                                                            <li><a href="commercialSpace.html"><span>寺院设计</span></a></li>
                                                            <li><a href="commercialSpace.html"><span>酒店设计</span></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                            </li>
                                            <li>
                                                <div class="col">
                                                    <p>书店设计<span class="unclick">+</span><span class="click">-</span></p>
                                                    <i class="line"></i>
                                                    <div class="sonMenu">
                                                        <ul>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计1</span></a></li>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计2</span></a></li>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计3</span></a></li>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计4</span></a></li>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计5</span></a></li>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计6</span></a></li>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计7</span></a></li>
                                                            <li><a href="bookstoreDesign.html"><span>书店设计8</span></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                            </li>
                                            <li> 
                                                <div class="col">
                                                    <p>景观设计<span class="unclick">+</span><span class="click">-</span></p>
                                                    <i class="line"></i>
                                                    <div class="sonMenu">
                                                        <ul>
                                                            <li><a href="landscapeDesign.html"><span>景观设计1</span></a></li>
                                                            <li><a href="landscapeDesign.html"><span>景观设计2</span></a></li>
                                                            <li><a href="landscapeDesign.html"><span>景观设计3</span></a></li>
                                                            <li><a href="landscapeDesign.html"><span>景观设计4</span></a></li>
                                                            <li><a href="landscapeDesign.html"><span>景观设计5</span></a></li>
                                                            <li><a href="landscapeDesign.html"><span>景观设计6</span></a></li>
                                                            <li><a href="landscapeDesign.html"><span>景观设计7</span></a></li>
                                                            <li><a href="landscapeDesign.html"><span>景观设计9</span></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                            </li>
                                            <li>
                                                <div class="col">
                                                    <a href="softLoadingDesign.html">软装设计</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col">
                                                    <a href="graphicDesign.html">平面设计</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col">
                                                    <a href="cases.html">全部案例</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col">
                                                    <a href="news.html">新闻中心</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col">
                                                    <a href="about.html">关于我们</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                
                            </div>
                            
                        </nav>
                </div>
            </header>
            <main>
                <div class="about ready">
                    
                    <div class="fluid">
                        <div class="info flex">
                            <div class="book needHover autoAnimate disorder scrollItem" data-top-bottom="transform:translate(0,-150px)" data-bottom-top="transform:translate(0,100px)">
                                <p class="flex">Hello<span class="flex">关于我们</span></p>
                                <span class="border auto top horizontal"><i></i></span>
                                <span class="border auto right vertical"><i></i></span>
                                <span class="border auto bottom horizontal"><i></i></span>
                                <span class="border auto left vertical"><i></i></span>
                            </div>
                            <div class="contn scrollItem"  data-top-bottom="transform:translate(0,-150px)" data-bottom-top="transform:translate(0,100px)">
                                <div class="content">
                                    <i class="line"></i>
                                    <h4>宁波吉曼环境艺术设计有限公司</h4>
                                    <p>宁波吉曼环境艺术设计有限公司，是宁波一家专业的文化空间设计公司。</p>
                                    <p>专注办公室空间设计.办公楼设计.样板房设计.厂房空间设计.别墅设计.</p>
                                    <p>酒店设计.KTV设计.餐厅设计.服装店等店面设计.咖啡店设计等设计领域.</p>
                                </div>
                            </div>
                        </div>
                        <div class="advantage">
                            <h1 class="scrollItem" data-top-bottom="transform:translate(0,-100px)" data-bottom-top="transform:translate(0,200px)">ADVANTAGE</h1>
                            <ul class="scrollItem" data-top-bottom="transform:translate(0,-100px)" data-bottom-top="transform:translate(0,200px)">
                                <li>
                                    <p class="title"><span>优势1</span><img src="img/about/advtg1.png" alt="优势1图标"></p>
                                    <p>优势简介优势简介优势简介优势简介优势简介优势简介优势简介优势简介</p>
                                </li>
                                <li>
                                    <p class="title"><span>优势2</span><img src="img/about/advtg2.png" alt="优势2图标"></p>
                                    <p>优势简介优势简介优势简介优势简介优势简介优势简介优势简介优势简介</p>
                                </li>
                                <li>
                                    <p class="title"><span>优势3</span><img src="img/about/advtg3.png" alt="优势3图标"></p>
                                    <p>优势简介优势简介优势简介优势简介优势简介优势简介优势简介优势简介</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
                <div class="tip ready">
                    <div class="fluid">
                        <div class="box">
                            <div class="txt top">
                                <i class="line"></i>
                                <p>OUR TEAM</p>
                                <h2>我们的团队</h2>
                                
                            </div>
                        </div>
                        <div class="box">
                            <div class="txt bottom flex">
                                <img src="img/about/rotateWord.png" alt="竖排文字">
                                <div class="right">
                                    <i class="line"></i>
                                    <p>SINCE 2019</p>
                                    <p>吉曼设计</p>
                                    <p>专业的文化空间设计</p>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    <img src="img/about/tipBG.jpg" class="trans" alt="标语背景图">
                </div>
                <div class="team">
                    <div class="fluid">
                        <div class="creator">
                            <div class="title ready">
                                <i class="line"></i>
                                <p>创始人</p>
                            </div>
                            <div class="contn flex">
                                <p class="pic">
                                    <img src="img/about/creator.jpg" alt="创始人图片">
                                </p>
                                <div class="content scrollItem" data-top-bottom="transform:translate(0,-50px)" data-bottom-top="transform:translate(0,50px)">
                                    <div class="txt">
                                        <h1>某某某先生</h1>
                                        <p>宁波吉曼环境艺术设计有限公司，是宁波一家专业的文化空间设计公司。专注办公室空间设计.办公楼设计.样板房设计.厂房空间设计.别墅设计.酒店设计.KTV设计.餐厅设计.服装店等店面设计.咖啡店设计等设计领域.</p>
                                        <p>宁波吉曼环境艺术设计有限公司，是宁波一家专业的文化空间设计公司。专注办公室空间设计.办公楼设计.样板房设计.厂房空间设计.别墅设计.酒店设计.KTV设计.餐厅设计.服装店等店面设计.咖啡店设计等设计领域.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="designer">
                            <div class="title ready">
                                <i class="line"></i>
                                <p>设计师</p>
                            </div>
                            <div class="contn">
                                <div class="swiper-container designerSwiper scrollItem" data-top-bottom="transform:translate(0,-50px)" data-bottom-top="transform:translate(0,50px)">
                                    <div class="swiper-wrapper">
                                        <a href="designer.html" class="swiper-slide">
                                            <p>
                                                <img src="img/about/designer.jpg" alt="">
                                                <span>+</span>
                                            </p>
                                            <div class="content">
                                                <p>Maciej Debicki</p>
                                                <p>设计师|从业时间 9 年</p>
                                                <p>毕业于格利维采（波兰）的西里西亚工业大学城市规划与建筑专业。他的创造力，敬业精神，以及对设计软件的精通都已得到广泛的认可</p>
                                            </div>
                                        </a>
                                        <a href="designer.html" class="swiper-slide">
                                            <p>
                                                <img src="img/about/designer.jpg" alt="">
                                                <span>+</span>
                                            </p>
                                            <div class="content">
                                                <p>Maciej Debicki</p>
                                                <p>设计师|从业时间 9 年</p>
                                                <p>毕业于格利维采（波兰）的西里西亚工业大学城市规划与建筑专业。他的创造力，敬业精神，以及对设计软件的精通都已得到广泛的认可</p>
                                            </div>
                                        </a>
                                        <a href="designer.html" class="swiper-slide">
                                            <p>
                                                <img src="img/about/designer.jpg" alt="">
                                                <span>+</span>
                                            </p>
                                            <div class="content">
                                                <p>Maciej Debicki</p>
                                                <p>设计师|从业时间 9 年</p>
                                                <p>毕业于格利维采（波兰）的西里西亚工业大学城市规划与建筑专业。他的创造力，敬业精神，以及对设计软件的精通都已得到广泛的认可</p>
                                            </div>
                                        </a>
                                        <a href="designer.html" class="swiper-slide">
                                            <p>
                                                <img src="img/about/designer.jpg" alt="">
                                                <span>+</span>
                                            </p>
                                            <div class="content">
                                                <p>Maciej Debicki</p>
                                                <p>设计师|从业时间 9 年</p>
                                                <p>毕业于格利维采（波兰）的西里西亚工业大学城市规划与建筑专业。他的创造力，敬业精神，以及对设计软件的精通都已得到广泛的认可</p>
                                            </div>
                                        </a>
                                        <a href="designer.html" class="swiper-slide">
                                            <p>
                                                <img src="img/about/designer.jpg" alt="">
                                                <span>+</span>
                                            </p>
                                            <div class="content">
                                                <p>Maciej Debicki</p>
                                                <p>设计师|从业时间 9 年</p>
                                                <p>毕业于格利维采（波兰）的西里西亚工业大学城市规划与建筑专业。他的创造力，敬业精神，以及对设计软件的精通都已得到广泛的认可</p>
                                            </div>
                                        </a>
                                        <a href="designer.html" class="swiper-slide">
                                            <p>
                                                <img src="img/about/designer.jpg" alt="">
                                                <span>+</span>
                                            </p>
                                            <div class="content">
                                                <p>Maciej Debicki</p>
                                                <p>设计师|从业时间 9 年</p>
                                                <p>毕业于格利维采（波兰）的西里西亚工业大学城市规划与建筑专业。他的创造力，敬业精神，以及对设计软件的精通都已得到广泛的认可</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-scrollbar designerScrollBar"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="client">
                     <div class="fluid">
                        <div class="book needHover autoAnimate disorder">
                            <p class="flex">我们的<br>客户<span>Customer</span></p>
                            <span class="border auto top horizontal"><i></i></span>
                            <span class="border auto right vertical"><i></i></span>
                            <span class="border auto bottom horizontal"><i></i></span>
                            <span class="border auto left vertical"><i></i></span>
                        </div>
                        <div class="swiper scrollItem"  data-top-bottom="transform:translate(0,-100)" data-bottom-top="transform:translate(0,100px)">
                                <div class="swiper-container clientSwiper">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                            </ul>
                                        </div>
                                        <div class="swiper-slide">
                                            <ul>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                                <li><img src="img/about/clientLogo.png" alt=""></li><li><img src="img/about/clientLogo.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="swiper-pagination client-pagination flex flex-justify-content"></div>
                                </div>
                        </div> 
                     </div>
                </div>
            
            </main>
            <footer>
                <div class="contact appear">
                    <div class="head">
                        <p class="fluid flex">
                            <span class="eng">CONTACT</span>
                            <span class="chn">联系我们</span>
                            <span class="cell">
                                0587-86989308
                                <i class="border top horizontal"></i>
                                <i class="border right vertical"></i>
                                <i class="border bottom horizontal"></i>
                                <i class="border left vertical"></i>
                            </span>
                        </p>
                    </div>
                    <div class="form fluid">
                        <form action="">
                            <div class="row">
                                <p><label for="name1">姓名：</label><input type="text" id="name1"></p>
                                <p><label for="name2">姓名：</label><input type="text" id="name2"></p>
                                <p><label for="name3">姓名：</label><input type="text" id="name3"></p>
                            </div>
                            <p><label for="name4">姓名：</label><input type="text" id="name4"></p>
                        </form>
                        <p><button class="submit">提交</button></p>
                    </div>
                </div>
                <div class='footage'>
                    <div class="fluid">
                        <ul>
                            <li><img src="img/common/footLogo.png" alt="底部logo图"></li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>TEL</p>
                                <span>0574-86989308</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>E-MAIL</p>
                                <span>912900934@qq.com</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>ADD</p>
                                <span>浙江省宁波市鄞州区</span>
                                <span>腊梅路515号迪信通E10广场</span>
                                <span>2号楼804-2</span>
                            </li>
                        </ul>
                        <p>
                            <span>©2019 宁波吉曼环境艺术设计有限公司</span>
                            <span>技术支持：穿石科技</span>
                        </p>
                    </div>
                </div>
            </footer>
        </div>
        <div class="shave"></div>
        <div class="bg">
            <img src="img/about/map-high.png" alt="背景图呼吸效果高亮图" class="high"><img src="img/about/map-low.png" alt="背景低亮图">
        </div>
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/about/index.js"></script>
        <script src="js/common/animation.js"></script>
        
        <script src="js/about/animation.js"></script>
    </body>
</html>